<template>
  <selected placeholder="请选择初始值">
    <options
      v-for="item in optionList"
      :key="item.value"
      :lable="item.lable"
      :vaule="item.value"
      :disabled="item.disabled"
    ></options>
  </selected>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
import Selected from "../lib/Select.vue";
import Options from "../lib/option.vue";

export default defineComponent({
  components: { Selected, Options },
  setup() {
    const optionList = ref([
      { lable: "花生0", value: 0, disabled: true },
      { lable: "花生1", value: 1, disabled: false },
      { lable: "花生2", value: 2, disabled: false },
      { lable: "花生3", value: 3, disabled: false },
      { lable: "花生4", value: 4, disabled: true },
      { lable: "花生5", value: 5, disabled: true },
    ]);
    return { optionList };
  },
});
</script>
